<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客注册</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/register.css">
    <script src="./js/lib.js"></script>
</head>
<body class="bg-2d3a4b">
    <div class="flex align-center justify-center" style="height: 100vh;">
        <div>
            <div class="text-center color-white font-24 font-family">
                <span>博客注册</span>
            </div>

            <div class="bg-white w-px-400 text-center mar-t-20 bor-radius-10 pad-10">
                <div class="photo">
                    <img src="./images/photo_001.jpg" />
                </div>

                <div class="w-px-100 bg-50a5ff bor-radius-3 cursor-pointer mar-t-10 color-white font-12 pad-px-5" style="position: relative;">
                    <div>选择上传头像</div>
                    <input type="file" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0;">
                </div>
    
                <div class="color-963939 font-12 text-left mar-t-10">
                    <span>建议尺寸: 宽高100像素以上,比例1:1 (不得超过150kb)</span>
                </div>
    
                <div class="mar-t-10">
                    <div class="flex w-100 bg-white bor-radius-3 register-input">
                        <div class="mar-t-5 mar-l-5 w-px-16">
                            <img src="./images/icon_001.png" class="w-100 h-auto" />
                        </div>

                        <div class="flex flex-1">
                            <input type="text" placeholder="请输入昵称/用户名/账号 （必填）" class="h-px-26 font-12 input-init w-100">
                        </div>
                    </div>
    
                    <div class="flex w-100 bg-white bor-radius-3 mar-t-10 register-input">
                        <div class="mar-t-5 mar-l-5 w-px-16">
                            <img src="./images/icon_001.png" class="w-100 h-auto" />
                        </div>

                        <div class="flex flex-1">
                            <input type="password" placeholder="请输入密码 （必填）" class="h-px-26 font-12 input-init w-100">
                        </div>
                    </div>
    
                    <div class="flex w-100 bg-white bor-radius-3 mar-t-10 register-input">
                        <div class="mar-t-5 mar-l-5 w-px-16">
                            <img src="./images/icon_001.png" class="w-100 h-auto" />
                        </div>

                        <div class="flex flex-1">
                            <input type="password" placeholder="请再次输入密码 （必填）" class="h-px-26 font-12 input-init w-100">
                        </div>
                    </div>
    
                    <div class="flex w-100 bg-white bor-radius-3 mar-t-10 register-input">
                        <div class="mar-t-5 mar-l-5 w-px-16">
                            <img src="./images/icon_001.png" class="w-100 h-auto" />
                        </div>

                        <div class="flex flex-1">
                            <input type="text" placeholder="请输入邮箱 （必填）" class="h-px-26 font-12 input-init w-100">
                        </div>
                    </div>
                </div>
    
                <div class="flex color-white mar-t-20 pad-b-30">
                    <div class="flex flex-2 bg-e6a23d align-center justify-center h-px-26 font-12 bor-radius-3 mar-r-15 cursor-pointer">
                        <span>注 册</span>
                    </div>
    
                    <div class="flex flex-1 bg-50a5ff align-center justify-center h-px-26 font-12 bor-radius-3 mar-l-15 cursor-pointer" id="login">
                        <span>登 录</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        window.onload = function() {
            checkLogin2()
        }
        // 通过修改window.location.href跳转
        document.getElementById('login').addEventListener('click', function() {
            window.location.href = 'file:///D:/projects/blog/login.html'; // 指定跳转的页面URL
        });
    </script>
</body>
</html>